* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

img {
    position: relative;
    width: 100%;
    height: 713px;
}


/* body {
    background-image: url(/images/user-select1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
} */

#out {
    position: absolute;
    background-color: #85ccff7b;
    width: 900px;
    height: auto;
    /* margin: 400px auto;
     */
    top: 250px;
    left: 235px;
}

#in {
    width: 300px;
    /* background-color: pink; */
    margin: 0 auto;
    padding-bottom: 50px;
}

#in h1 {
    color: #000;
    margin-left: -100px;
}


/* .but {
    margin-left: 450px;
    /* margin-top: 10px; */


/* margin: 0 auto; */

.but button {
    font-size: 27px;
    background-color: #3391ff;
    border: 1px;
    border-radius: 10px;
    display: block;
    width: auto;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px 10px 10px 10px;
    color: #fff;
}